<template>
    <div class="container">
        <div class="step">
            <van-steps :active="active">
                <van-step>阅读协议</van-step>
                <van-step>手机认证</van-step>
                <van-step>实名认证</van-step>
            </van-steps>
        </div>
        <div class="form">
            <img src="http://city-card.oss-cn-hangzhou.aliyuncs.com/civil/cj.jpeg" class="hd-img-responsive"/>
            <van-uploader :after-read="onRead">
                <van-button plain hairline type="primary" class="uploader" url="#/civil_four">上传身份证照片</van-button>
            </van-uploader>
            <van-button plain hairline type="primary" url="#/civil_four">提交身份证信息</van-button>
        </div>
    </div>
</template>

<script>
export default {
  name: 'second',
  data () {
    return {
      active: 1
    }
  },
  methods: {
    onRead (file) {
      console.log(file)
    }
  }
}
</script>

<style src="./index.css" scoped>
</style>
